@charset "utf-8";
/* CSS Document */ 
.total { width:1140px; margin:0 auto; padding:0 30px;}
body{    background-color: #f5f5f5;}
.head { width:1180px; height:61px; overflow:hidden; padding:0 10px;text-align: center;margin: 35px auto 10px;}
.main{width: 1000px;margin: 0 auto;background-color: #fff;margin-bottom: 20px;padding-top: 5px;}
.main .mainTitle span{width: 26px;height: 26px;line-height: 26px;color: #fff;font-size: 14px;text-align: center;display: inline-block;background-color: #be9a5c;border-radius: 13px;margin-right: 10px;    vertical-align: middle;}
.main .mainTitle{font-weight: normal;font-size: 24px;color: #68b996;line-height: 26px;margin-top: 5px;margin-left: 20px;}

.reserveInfo img{display: inline-block;vertical-align: top;}
.reserveInfo .infoMain{width: 400px;display: inline-block;padding: 75px 0 0 50px;}
.reserveInfo .infoMain p{font-size: 18px;margin-bottom: 38px;font-weight: bold;}

.reserveWeek table,.reserveUser table,.reserveIncrement table{margin: 0 auto;border: 0px;}
.reserveWeek table input{background-color: #fff;border: 0px;margin: 10px 15px;}
.reserveWeek table label{font-weight: normal}

/*.reserveIncrement{background-color: #e6e6e6;}*/
.reserveIncrement table thead{border-bottom: 1px solid #e6e6e6}
.reserveIncrement table thead tr th{line-height: 33px;}
.reserveIncrement table tbody tr td{padding-top: 15px}
.reserveIncrement .tablePoint{width: 12px;height: 12px;display: inline-block;border-radius: 6px;background-color: #666666;margin-right: 5px;}

.reserveUser table{font-size: 18px;}
.reserveUser table td{padding-bottom: 79px;}
.reserveUser table td input{background-color: #fff;border: 0px;margin-left: 5px;border-bottom: 1px solid #ccc;}

.reserveSubmit{  background-color: #68b996;width: 258px;height: 42px;margin: 0 auto;display: block;margin-bottom: 100px;}

.show { overflow:hidden;}
.show .Sleft{ float:left; margin:0 22px 0 0;}
.show .Sright { float:left; margin:60px 0 0 0;}
.show .Sright h3 { font-size:22px;}
.show .Sright p { margin:50px 0 0 0; font-size:18px; color:#333;}

.pTop { margin: 30px 0 0 60px; position:relative;  overflow:hidden;}
.pTop .pTopLeft { float:left; width:400px; height:230px;}
.pTop  .showText01 { width:400px; height:70px; position:absolute; bottom:0; left:0; z-index:1; background:rgba(0,0,0,0.4);}
.pTop  .showText01 .centerContent01  .bgPicture01 { background:url(../img/spirit1.png) no-repeat; width:24px; height:24px; display:inline-block;}
.pTop  .showText01 p , .pTop .pTopCenter .ptcTop .centerContent02 p , .pTop .pTopCenter .ptcBottom .centerContent03 p , .pTopRight p , .pBottom .pbLeft p , .pBottom .pbCenter p , .pBottom .pbBottom p{color:#fff; font-size:18px; display:inline-block; }
.pTop  .showText01 .centerContent01 { width:100px;  margin:20px auto;}

/*.chooseMonth*/
.chooseMonth{ width:200px; height:32px; padding: 0 0 0 15px;}
.chooseShow { width:1003px; height:130px; background:#fff; margin:30px 0 0 0; overflow:hidden; box-shadow:5px 5px 10px #ccc;}
.checkBox {visibility:hidden;}
.weekText { padding:0 0 0 20px; background:url(../img/checkBox_bg.png) no-repeat;}
.active {background:url(../img/checkBox_bg01.png) no-repeat; }

/*showTextTotal01*/
.pTop .pTopLeft .showTextTotal01 { width:400px; height:230px; background:rgba(0,0,0,0.5); position:absolute; top:0; left:0; z-index:2;}
.pTop .pTopLeft .showTextTotal01 p{ margin:0 auto; line-height:230px; width:75px; -moz-transition:all 0.5s;-ms-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s;}
.pTop .pTopLeft .showTextTotal01 p:hover{ -moz-transform:scale(1.5);-ms-transform:scale(1.5);-o-transform:scale(1.5);-webkit-transform:scale(1.5);}
.pTop .pTopLeft .showTextTotal01 p a , .pTop  .showTextTotal02 p a , .pTop  .showTextTotal03 p a , .pTop .pTopRight .showTextTotal04 p a , .showTextTotal05 p a , .showTextTotal06 p a , .showTextTotal07 p a{  color:#fff; font-size:18px; text-decoration:none;}
/*showTextTotal02*/
.pTop  .showTextTotal02 { width:308px; height:139px; background:rgba(0,0,0,0.5); position:absolute; top:0; left:0; z-index:2;}
.pTop  .showTextTotal02 p{ color:#fff; font-size:18px; margin:0 auto; line-height:139px; width:75px;-moz-transition:all 0.5s;-ms-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s;}
.pTop  .showTextTotal02 p:hover{ -moz-transform:scale(1.5);-ms-transform:scale(1.5);-o-transform:scale(1.5);-webkit-transform:scale(1.5);}
/*showTextTotal03*/
.pTop  .showTextTotal03 { width:308px; height:77px; background:rgba(0,0,0,0.5); position:absolute; top:0; left:0; z-index:2;}
.pTop  .showTextTotal03 p{ color:#fff; font-size:18px; margin:0 auto; line-height:77px; width:75px;-moz-transition:all 0.5s;-ms-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s;}
.pTop  .showTextTotal03 p:hover{ -moz-transform:scale(1.5);-ms-transform:scale(1.5);-o-transform:scale(1.5);-webkit-transform:scale(1.5);}
/*showTextTotal04*/
.pTop  .showTextTotal04 { width:277px; height:230px; background:rgba(0,0,0,0.5); position:absolute; top:0; left:0; z-index:2;}
.pTop .pTopRight .showTextTotal04 p{ color:#fff; font-size:18px;  margin:0 115px; line-height:230px; width:75px;-moz-transition:all 0.5s;-ms-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s;}
.pTop  .showTextTotal04 p:hover{ -moz-transform:scale(1.5);-ms-transform:scale(1.5);-o-transform:scale(1.5);-webkit-transform:scale(1.5);}
/*showTextTotal05*/
.showTextTotal05 { width:330px; height:222px; background:rgba(0,0,0,0.5); position:absolute; top:0; left:0; z-index:2;}
.showTextTotal05 p{ width:75px; color:#fff; font-size:18px;  margin:0 130px; line-height:222px;-moz-transition:all 0.5s;-ms-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s;}
 .showTextTotal05 p:hover{ -moz-transform:scale(1.5);-ms-transform:scale(1.5);-o-transform:scale(1.5);-webkit-transform:scale(1.5);}
/*showTextTotal06*/
.showTextTotal06 { width:330px; height:222px; background:rgba(0,0,0,0.5); position:absolute; top:0; left:0; z-index:2;}
.showTextTotal06 p{ color:#fff; font-size:18px;  margin:0 130px; line-height:222px; width:75px;-moz-transition:all 0.5s;-ms-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s;}
.showTextTotal06 p:hover{ -moz-transform:scale(1.5);-ms-transform:scale(1.5);-o-transform:scale(1.5);-webkit-transform:scale(1.5);}
/*showTextTotal07*/
.showTextTotal07 { width:330px; height:222px; background:rgba(0,0,0,0.5); position:absolute; top:0; left:0; z-index:2;}
.showTextTotal07 p{ color:#fff; font-size:18px;  margin:0 130px; line-height:222px; width:75px;-moz-transition:all 0.5s;-ms-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s;}
.showTextTotal07 p:hover{ -moz-transform:scale(1.5);-ms-transform:scale(1.5);-o-transform:scale(1.5);-webkit-transform:scale(1.5);}


/*pTopCenter*/
.pTop .pTopCenter { float:left; margin:0 10px;}
.pTop .pTopCenter .ptcTop { width:308px; height:139px; position:relative;}
.pTop .pTopCenter .ptcTop .showText02 { width:308px; height:50px;  position:absolute; bottom:0; left:0; z-index:1; background:rgba(0,0,0,0.4);}
.pTop .pTopCenter .ptcTop .centerContent02 { width:70px; margin:10px auto;}
.pTop .pTopCenter .ptcTop .centerContent02  .bgPicture02 { background:url(../img/spirit2.png) no-repeat; width:24px; height:24px; display:inline-block;}

/*ptcBottom*/
.pTop .pTopCenter .ptcBottom { width:308px; height:77px; position:relative; margin:10px 0 0 0;}
.pTop .pTopCenter .ptcBottom .showText03 { width:308px; height:40px; position:absolute; bottom:0; left:0; z-index:1; background:rgba(0,0,0,0.4);}
.pTop .pTopCenter .ptcBottom .centerContent03 { width:70px; margin:8px auto;}  
.pTop .pTopCenter .ptcBottom .centerContent03  .bgPicture03{ background:url(../img/spirit3.png) no-repeat; width:24px; height:24px; display:inline-block;}

/*pTopRight*/
.pTopRight { width:277px; height:230px; float:left; position:relative;}
.pTopRight .showText04 { width:230px; height:70px; position:absolute; bottom:0; left:0; z-index:1; background:rgba(0,0,0,0.4);}
.pTopRight .centerContent04 { width:65px; margin:20px auto;}  
.pTopRight  .centerContent04  .bgPicture04{ background:url(../img/spirit2.png) no-repeat; width:24px; height:24px; display:inline-block;}


/*pBottom*/
.pBottom { margin:10px 0 0 60px; overflow:hidden;}
.pBottom .pbLeft { width:330px; height:222px; position:relative; float:left;}
.pBottom .pbLeft .showText05 { width:330px; height:60px; position:absolute; bottom:0; left:0; z-index:1; background:rgba(0,0,0,0.4);}
.pBottom .pbLeft .centerContent05 { width:75px; margin:20px auto;}  
.pBottom .pbLeft  .centerContent05  .bgPicture05{ background:url(../img/spirit4.png) no-repeat; width:24px; height:24px; display:inline-block;}

/*pbCenter*/
.pBottom .pbCenter { width:330px; height:222px; position:relative; float:left; margin:0 10px;}
.pBottom .pbCenter .showText06 { width:330px; height:60px; position:absolute; bottom:0; left:0; z-index:1; background:rgba(0,0,0,0.4);}
.pBottom .pbCenter .centerContent06 { width:75px; margin:20px auto;}  
.pBottom .pbCenter  .centerContent06  .bgPicture06{ background:url(../img/spirit6.png) no-repeat; width:24px; height:24px; display:inline-block;}

/*pbBottom*/
.pBottom .pbBottom { width:330px; height:222px; position:relative; float:left;}
.pBottom .pbBottom .showText07 { width:330px; height:60px; position:absolute; bottom:0; left:0; z-index:1; background:rgba(0,0,0,0.4);}
.pBottom .pbBottom .centerContent07 { width:75px; margin:20px auto;}  
.pBottom .pbBottom  .centerContent07  .bgPicture07{ background:url(../img/spirit5.png) no-repeat; width:24px; height:24px; display:inline-block;}

/*Usermessage*/ 
.Usermessage { margin:30px 0 0 0;}
.Usermessage h3{width:128px; height:45px; background:#0ea49e; font-size:18px; color:#fff; text-align:center; line-height:45px;}
/*messageBox*/
.messageBox { width:865px; margin:0 auto 50px; overflow:hidden;}
.messageBoxLeft { float:left; }
.messageBox .name,.IDcard , .phonenumber , .email , .together , .other { width:312px; height:42px; background:url(../img/BG.png); padding:0 0 0 20px; margin:20px 0 0 0;}
.messageBox p{ color:#333; line-height:42px; font-size:18px; display:inline-block;}
.messageBox .textBox{width:230px; height:40px; border:none; margin:-1px 0 0 0; font-size:16px;}
/*messageBoxRight*/
.messageBoxRight { float:left; margin:0 0 0 170px;}

/*submit*/
.submit {margin:20px 0 0 0; overflow:hidden;}
.submit .submitIn { float:right; width:300px;}

.submit button { width:94px; height:36px; background:#0ea49e; border:none; border-radius:16px; color:#fff; font-size:16px; margin:0 30px 20px 0;}
@media (max-width: 768px) {
 .head,.main{
  width: 100%;
 }
 .reserveInfo .infoImg{
  display: none;
 }
}

